<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>志愿者服务信息网</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/layer.css" />
		<link rel="stylesheet" type="text/css" href="css/detail_active.css" />
	</head>

	<body>

		<!--top头部标题栏-->
		<div id="top">
			<div class="top_show1">
				<p id="top_t">
					<span id="login">亲，请登录</span><span id="loginOut">退出</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="registe_volunteer">志愿者注册</span>/<span id="registe_team">志愿团体注册</span>
				</p>
			</div>
			<div class="top_show2">
				<div class="top_m">
					<div class="logo">
						<img src="img/logo.jpg" />
						<div class="volunteer">
							<p>
								<a class="top_tittle" href="#">天津市滨海新区志愿者服务信息网</a>
							</p>
							<p>
								<a class="top_address" href="#">www.tjbhzyz.com</a>
							</p>
						</div>

					</div>
					<div class="search">
						<p class="sousuo_type" data-id="1">活动</p>
						<div class="search_type">
							<p data-id="1">活动</p>
							<p data-id="2">团队</p>
						</div>
						<input type="text" name="info" id="info" value="" placeholder="请输入搜索内容" />
						<p id="search"><img src="img/sercher.png" /></p>
					</div>
					<div id="help">
						<p><img src="img/icon_qzzx.png" /></p>
						<p>求助中心</p>
					</div>
					<div id="phone_vl">
						<p><img src="img/icon_qzzx.png" /></p>
						<p>志愿者平台手机版</p>
					</div>
				</div>
			</div>

			<!--导航栏-->
			<div class="top_show3">
				<div id="nav">
					<p id="vl_home">网站首页</p>
					<p id="vl_active">志愿活动</p>
					<p id="vl_team">志愿团队</p>
					<p id="vl_integral">积分兑换</p>
					<p id="vl_center">志愿中心</p>
				</div>
			</div>		
		</div>
		<div id="main">
			<p id="tittle">
				<a href="liebiao.html?type=1">志愿者活动</a>&gt;<span class="blur1">活动详情</span>
			</p>
			<div id="m_left">

				<!--活动详情-->
				<div id="active_show">
					<h3>某某社区爱心志愿者活动</h3>
					<p class="creat_time"><span class="blur1 status">招募中</span>&nbsp;&nbsp;&nbsp;&nbsp;丨&nbsp;&nbsp;<span class="span1">2018-10-22-----2018-10-25</span></p>
					<div id="active_detail">
						<div id="d_left">
							<p><img class="img1" src="img/1-1920.png" /></p>
							<p class="p1"><button id="join_one">我要报名</button><button id="join_team">团队报名</button></p>
						</div>
						<div id="d_right">
							<p class="p2"><span class="sp1">活动地点:</span><span class="sp2 address">天津市滨海新区某某街道吃鸡小分队组队</span></p>
							<p class="p2"><span class="sp1">活动类别:</span><span class="sp2 type">关爱服务</span></p>
							<p class="p2"><span class="sp1">活动对象:</span><span class="sp2 people">老人</span></p>
							<p class="p2"><span class="sp1">招募时间:</span><span class="sp2 zm_time">2018年10月10日---2018年10月30日</span></p>
							<p class="p2"><span class="sp1">发布日期:</span><span class="sp2 fb_time">2018年10月10日</span></p>
							<p class="p2"><span class="sp1">活动日期:</span><span class="sp2 ac_time">2018年10月10日---2018年10月30日</span></p>
							<p class="p2"><span class="sp1">服务时间:</span><span class="sp2 sv_time">9:00--14:00</span></p>
							<p class="p2"><span class="sp1">志愿者保障:</span><span class="sp2 guarantee">矿泉水</span></p>
							<p class="p2"><span class="sp1">计划招募:</span><span class="sp2 zm_num">200人</span></p>
							<p class="p2"><span class="sp1">已招募:</span><span class="sp2 ym_num">150人</span></p>
							<p class="p_share bdsharebuttonbox"><span class="sp1">一键分享:</span>
								<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
								<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
							</p>
						</div>
					</div>
				</div>
				<!--评论回复-->
				<div class="team_direction">
					<div class="tab_team">
						<p class="team_d t_type">活动介绍</p>
						<p class="c_liuyan">留言</p>
					</div>
					<div id="team_d">

					</div>
					<div class="liuyan">
						<textarea id="liuyan" name="" rows="" cols="" placeholder="请输入内容"></textarea>
						<p id="btn_fb">发表评论</p>
					</div>
				</div>
				<div class="message">
					<p class="m_p1">讨论区</p>
					<div class="liuyan_list">
						<!--<div class="list_one">
							<div class="list_top">
								<img src="img/icon_tx.png"/>
								<dl class="hf_dl">
									<dt>撒阿萨是</dt>
									<dd class="hf_info">硕大的阿达说多硕大的阿达说多as大萨达所阿达硕大的</dd>
									<dd class="hf_bottom"><span>2018-10-23</span><span class="huifu">回复</span></dd>
								</dl>
							</div>
							<div class="list_bottom">
								<div class="list_two">
									<p class="two_left"><span class="hf_one">asdasd</span>回复<span class="hf_two">asdasda</span>:</p>
									<dl class="two_right">
										<dt>sdfsdfsdfsdfsdfsdfsdfsfsfsdfdfsdfsdfsd</dt>
										<dd class="hf_bottom1"><span class="huifu1">回复</span><span>2018-10-23</span></dd>
									</dl>
								</div>
								<div class="list_two">
									<p class="two_left"><span class="hf_one">asdasd</span>回复<span class="hf_two">asdasda</span>:</p>
									<dl class="two_right">
										<dt>sdfsdfsdfsdfsdfsdfsdfsfsfsdfdfsdfsdfsd</dt>
										<dd class="hf_bottom1"><span class="huifu1">回复</span><span>2018-10-23</span></dd>
									</dl>
								</div>
							</div>
						</div>-->
					</div>
				</div>
			</div>
			<div id="m_right">
				<div id="Initiator">
					<p class="p3">活动发起人</p>
					<p class="i_name">天津市和平区和平区志愿者协会</p>
					<p class="i_address">地址: 天津市和平区和平区志愿者协会</p>
				</div>
				<div id="Contacts">
					<p class="p3">活动联系人</p>
					<p class="c_people">啦啦啦</p>
					<p class="c_phone">手机: 18838868666</p>
					<p class="c_mail">邮箱: asdada@qq.com</p>
				</div>
			</div>
		</div>
		<div class="mengban">
			<div class="sign">
				<p class="p4">温馨提示 <span class="close_s">×</span></p>
				<div class="tips">
					报名成功，请等待录用
				</div>
				<p class="btn_close">我知道了</p>
			</div>
		</div>
		<div class="mengban1">
			<div class="hf_ly">
				<p class="p5">回复评论 <span class="close_s1">×</span></p>
				<textarea name="" rows="" cols="" id="description">
					
				</textarea>
				<p class="btn_hf">回复</p>
			</div>
		</div>
		<div class="bottom">
			<div id="bottom_nav">
				<p id="link_us">联系我们</p>
				<p id="about_us">关于我们</p>
				<p id="set_home">设为首页</p>
			</div>
			<p class="bottom_p">备案号:津246541561561655天津滨海新区志愿服务网</p>
		</div>
		<!--</div>-->

	</body>
	<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/detail_active.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		window._bd_share_config = {
			"common": {
				"bdSnsKey": {},
				"bdText": "海滨新区志愿者活动",
				"bdMini": "2",
				"bdMiniList": false,
				"bdPic": "https://yst-pjyc-server.oss-cn-beijing.aliyuncs.com/datas/image/20181120/20181120145446885147707.jpg",
				"bdStyle": "1",
				"bdSize": "24"
			},
			"share": {}
		};
		with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
	</script>

</html>